<template>
  <div class="list-com">
    <h3>{{ title }}</h3>
    <br />
    <slot name="img"></slot>
    <slot name="img"></slot>
    <slot name="other"></slot>
    <slot :title="'我爱你小珏'"></slot>
  </div>
</template>

<script setup lang="ts" name="ListCom">
import { defineProps } from 'vue';

defineProps(['title'])
</script>

<style  scoped>
.list-com{
    border: 5px solid #ccc;
    border-radius: 10px;
    margin: 0 20px;
    padding: 30px;
}

.img{
    width: 100%;
}

</style>
